<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>基于页面的路由系统</title>
</head>

<body>
    <div>
        <h1>创建页面</h1>
        <p>1.在Next.js中，页面是被放置在pages文件中的 React组件</p>
        <p>2.组件需要被默认导出</p>
        <p>3.组件文件中不需要引入React</p>
        <p>4.页面地址与文件地址是对应的关系</p>
    </div>
    <script>
        // 把div写成字符串是在html会报错，正常情况就div就行
        // pages/list.js
        export default function List() {
            return '<div > List Page works < /div>'
        }

        // pages/index.js  可以通过 / 访问文件
        // pages/list.js   可以通过 /list 访问文件
        // page/post/first.js 可以通过 /post/first访问文件
    </script>
</body>

</html>